<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Bootstrap-按钮</title>
    <link href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
    <button type="button" class="btn">基本按钮</button>
    <button type="button" class="btn btn-default">按钮默认样式</button>
    <button type="button" class="btn btn-primary">原始按钮</button>
    <button type="button" class="btn btn-success">操作成功按钮</button>
    <button type="button" class="btn btn-info">信息</button>
    <button type="button" class="btn btn-warning">谨慎操作</button>
    <button type="button" class="btn btn-danger">危险操作</button>
    <button type="button" class="btn btn-link">链接</button>
    <button type="button" class="btn btn-lg">大按钮</button>
    <button type="button" class="btn btn-sm">小按钮</button>
    <button type="button" class="btn btn-xs">超小按钮</button>
    <button type="button" class="btn btn-block">块级按钮</button>
    <button type="button" class="btn btn-info active">点击激活的信息按钮</button>
    <button type="button" class="btn btn-info disabled">禁用的信息按钮</button>
    <a class="btn btn-info" href="#" role="button">w3cSchool</a>
    <input type="button" value="输入" class="btn btn-info">
    <input type="submit" value="提交" class="btn btn-info">
</div>


<script src="jquery-3.2.1.js"></script>
<script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
</body>
</html>